<?xml version="1.0" encoding="ISO-8859-1" ?>

<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page"
	xmlns:c="http://java.sun.com/jsp/jstl/core" version="2.0">
	<jsp:directive.page contentType="text/html; charset=ISO-8859-1"
		pageEncoding="ISO-8859-1" session="true" />
	<jsp:output doctype-root-element="html"
		doctype-public="-//W3C//DTD XHTML 1.0 Transitional//EN"
		doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
		omit-xml-declaration="true" />

	<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Gamer's Community</title>
<jsp:include page="common/headerScripts.jsp" />
<link rel="stylesheet" href="${root}/css/1col.css" />
<script>
	$(document)
			.ready(
					function() {
						// validate signup form on keyup and submit
						$("#form")
								.validate(
										{
											rules : {
												password : {
													required : true,
													minlength : 5
												},
												confirm_password : {
													required : true,
													minlength : 5,
													equalTo : "#password"
												}
											},
											messages : {
												password : {
													required : "Please provide a password",
													minlength : "Your password must be at least 5 characters long"
												},
												confirm_password : {
													required : "Please provide a password",
													minlength : "Your password must be at least 5 characters long",
													equalTo : "Please enter the same password as above"
												}
											}
										});

					});
</script>

</head>
<body>

	<jsp:include page="common/header_nav.jsp" />
	<!-- main starts -->
	<div id="main" class="grid-block">
		<div id="maininner" class="grid-box">
			<section id="content" class="grid-block">
				<div id="system-message-container"></div>
				<div id="system">
					<div class="items items-col-0 grid-block">
						<!-- Main Content -->



						<!-- start Set New Password form  -->
						<c:if test="${not empty msg}">
							<div id="error">${msg }</div>
						</c:if>

						<form action="retrievepassword" method="post" id="form">
							<fieldset>
								<legend> Set New Password </legend>
								<div>
									<lable> New Password </lable>
									<input type="password" name="password" id="password" />
								</div>
								<div>
									<lable> Confirm your password </lable>
									<input type="password" name="confirm_password" /> <input
										type="hidden" name="username" value="${user }" />
								</div>
								<p>
									<input type="submit" name="submit" value="Set New Password" />
								</p>
							</fieldset>
						</form>


						<!-- end Set New Password form -->

						<!-- Main Content ends-->
					</div>
				</div>
			</section>
		</div>
		<!-- maininner end -->

	</div>
	<!-- main end -->

	<jsp:include page="common/footer.jsp" />

</body>
	</html>
</jsp:root>
